<!doctype html>
<html class="no-js" lang="">

<head>
  <meta charset="utf-8" />
  <meta name="description" content="" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>xiyouwebsite4</title>

  <link rel="apple-touch-icon" href="apple-touch-icon.png" />
  <!-- Place favicon.ico in the root directory -->

  <!-- build:css styles/vendor.css -->
  <!-- bower:css -->
  <link rel="stylesheet" href="/bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker3.css" />
  <link rel="stylesheet" href="/bower_components/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.css" />
  <!-- endbower -->
  <!-- endbuild -->

  <!-- build:css styles/main.css -->
  <link rel="stylesheet" href="styles/main.css" />
  <!-- endbuild -->

  <!-- build:js scripts/vendor/modernizr.js -->
  <script src="/bower_components/modernizr/modernizr.js"></script>
  <!-- endbuild -->
</head>

<body>
  <!--[if lt IE 10]>
      <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->

  <div class="section" style="height:200px;background:url(images/banner.png);margin-top:-20px">
    <!-- 这里是开始的banner -->
  </div>
  <div class="container" id="tripMainPage">
    <!-- 主页 begin -->
    <div class="row" id="tripPlanner">
      <!-- 行程规划 begin -->
      <div class="col-md-12">
        <!-- 切换按钮 begin -->
        <div class="btn-group" role="group" aria-label="..." id="trip-btn-group">
          <button type="button" class="btn btn-default active">行程规划</button>
          <button type="button" class="btn btn-default">向导包车</button>
        </div>
        <!-- 切换按钮 end -->
        <hr>
        <div class="row">
          <!-- 地点input begin -->
          <div class="col-xs-4">
            <label>
              <i class="glyphicon glyphicon-map-marker"></i> 地点
            </label>
          </div>
          <div class="col-xs-6">
            <input type="text" class="form-control transparentInput color-orange" placeholder="请输入地点..">
          </div>
          <div class="col-xs-2" align="right">
            <i class="glyphicon glyphicon-chevron-right"></i>
          </div>
        </div>
        <!-- 地点input end -->
        <hr>
        <!-- 出发日期输入 begin -->
        <div class="row">
          <div class="col-xs-4">
            <label>
              <i class="glyphicon glyphicon-calendar"></i> 出发日期
            </label>
          </div>
          <div class="col-xs-8">
            <input type="text" class="form-control transparentInput color-orange" placeholder="请输入出行日期.." id="datePicker">
          </div>
        </div>
        <hr>
        <!-- 出发日期输入 end -->

        <!-- 出行人数输入 begin -->
        <div class="row">
          <div class="col-xs-4">
            <label>
              <i class="glyphicon glyphicon-user"></i> 出行人数
            </label>
          </div>
          <div class="col-xs-8">
            <div class="row">
              <div class="col-xs-4">
                <span class="color-orange">成人</span>
              </div>
              <div class="col-xs-8">
                <div class="input-group rangeInput">
                  <div class="input-group-addon">+</div>
                  <input type="text" class="form-control " id="exampleInputAmount" placeholder="0">
                  <div class="input-group-addon">-</div>
                </div>
              </div>
            </div>
            <hr>
            <div class="row">
              <div class="col-xs-4">
                <span class="color-orange">儿童</span>
              </div>
              <div class="col-xs-8">
                <div class="input-group rangeInput">
                  <div class="input-group-addon">+</div>
                  <input type="text" class="form-control" id="exampleInputAmount" placeholder="0">
                  <div class="input-group-addon">-</div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <hr>
        <!-- 出行人数输入 end -->
        <button type="button" class="btn btn-default buttonSubmit">开始规划</button>
      </div>
    </div>
    <!-- 行程规划 end -->


    <!-- 向导包车 begin -->
    <div class="row" id="charteredCar">
      <div class="col-md-12">
        <p align="center">如果您仅需要在单个城市内安排专车导游，并且在游玩当天和导游共同确定行程，则选择此项。否则请使用我们的行程规划功能规划您的行程</p>
        <!-- 填写城市begin -->
        <div class="row">
          <div class="col-xs-4">
            <label>
              安排城市
            </label>
          </div>
          <div class="col-xs-8">
            <input type="text" class="form-control transparentInput color-orange" placeholder="洛杉矶..">
          </div>
        </div>
        <hr>
        <!-- 填写城市 end -->
        <!-- 填写日期 begin -->
        <div class="row">
          <div class="col-xs-4">
            <label>
              安排日期
            </label>
          </div>
          <div class="col-xs-8">
            <input type="text" class="form-control transparentInput color-orange" placeholder="请输入出行日期.." id="datePicker">
          </div>
        </div>
        <hr>
        <!-- 填写日期 end -->

        <!-- 填写接送地点 begin -->
        <div class="row">
          <div class="col-xs-4">
            <label>
              接送地点
            </label>
          </div>
          <div class="col-xs-8">
            <input type="text" class="form-control transparentInput color-orange" placeholder="请输入..">
          </div>
        </div>
        <hr>
        <!-- 填写接送地点 end -->
        <!-- 填写见面时间begin -->
        <div class="row">
          <div class="col-xs-4">
            <label>
              接送地点
            </label>
          </div>
          <div class="col-xs-8">
            <input type="text" class="form-control transparentInput color-orange" placeholder="请输入..">
          </div>
        </div>
        <hr>
        <!-- 填写见面时间 end -->
        <!-- 填写导游类型 begin -->
        <div class="row">
          <div class="col-xs-4">
            <label>
              导游类型
            </label>
          </div>
          <div class="col-xs-8">
            <input type="text" class="form-control transparentInput color-orange" placeholder="请输入..">
          </div>
        </div>
        <hr>
        <!-- 填写导游类型 end -->
      </div>
    </div>
    <!-- 向导包车 end -->
    <button type="button" class="btn btn-default buttonSubmit">提交</button>
  </div>

  <!-- =======================================================分页 兴趣选择页面 begin===================================================== -->

  <div class="container" id="planner1Page1">
    <div class="row">
      <div class="col-xs-4">
        <!-- class 加入 selected则表示选择 -->
        <div class="interest selected" style="background-image:url(images/guide5.jpg)">
          <i class="glyphicon glyphicon-ok"></i>
        </div>
        <p>沙滩海岛</p>
      </div>
      <div class="col-xs-4">
        <div class="interest" style="background-image:url(images/guide5.jpg)">
          <i class="glyphicon glyphicon-ok"></i>
        </div>
        <p>亲子游</p>
      </div>
      <div class="col-xs-4">
        <div class="interest" style="background-image:url(images/guide5.jpg)">
          <i class="glyphicon glyphicon-ok"></i>
        </div>
        <p>情侣游</p>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-4">
        <div class="interest" style="background-image:url(images/guide5.jpg)">
          <i class="glyphicon glyphicon-ok"></i>
        </div>
        <p>什么鬼</p>
      </div>
      <div class="col-xs-4">
        <div class="interest selected" style="background-image:url(images/guide5.jpg)">
          <i class="glyphicon glyphicon-ok"></i>
        </div>
        <p>自己填咯</p>
      </div>
      <div class="col-xs-4">
        <div class="interest" style="background-image:url(images/guide5.jpg)">
          <i class="glyphicon glyphicon-ok"></i>
        </div>
        <p>class="selected" 表示已经选择</p>
      </div>
    </div>
    <div class="row" id="navgationButton">
      <div class="col-xs-6">
        <a class="btn btn-default back">上一步</a>
      </div>
      <div class="col-xs-6">
        <a class="btn btn-default next">下一步</a>
      </div>
    </div>
  </div>
  <!-- =======================================================分页 兴趣选择页面 end===================================================== -->
  <div class="container" id="planner1Page2">
    <div class="row">
      <div class="col-xs-4">
        <!-- class 加入 selected则表示选择 -->
        <div class="interest selected" style="background-image:url(images/guide5.jpg)">
          <i class="glyphicon glyphicon-ok"></i>
        </div>
        <p>沙滩海岛</p>
      </div>
      <div class="col-xs-4">
        <div class="interest" style="background-image:url(images/guide5.jpg)">
          <i class="glyphicon glyphicon-ok"></i>
        </div>
        <p>亲子游</p>
      </div>
      <div class="col-xs-4">
        <div class="interest" style="background-image:url(images/guide5.jpg)">
          <i class="glyphicon glyphicon-ok"></i>
        </div>
        <p>情侣游</p>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-4">
        <div class="interest" style="background-image:url(images/guide5.jpg)">
          <i class="glyphicon glyphicon-ok"></i>
        </div>
        <p>什么鬼</p>
      </div>
      <div class="col-xs-4">
        <div class="interest selected" style="background-image:url(images/guide5.jpg)">
          <i class="glyphicon glyphicon-ok"></i>
        </div>
        <p>自己填咯</p>
      </div>
      <div class="col-xs-4">
        <div class="interest" style="background-image:url(images/guide5.jpg)">
          <i class="glyphicon glyphicon-ok"></i>
        </div>
        <p>class="selected" 表示已经选择</p>
      </div>
    </div>
    <div class="row" id="navgationButton">
      <div class="col-xs-6">
        <a class="btn btn-default back">上一步</a>
      </div>
      <div class="col-xs-6">
        <a class="btn btn-default next">下一步</a>
      </div>
    </div>
  </div>



  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>

  <br>
  <br>
  <br>
  <br>
  <br>
  <!-- ======================================================分页 活动选择页面 begin================================================================ -->
  <div class="container" id="planner2Page" style="background-image:url(images/banner.png)">
    <div class="row">
      <div class="col-xs-12">
        <div class="selectedItems">
          <div class="item">
            <div class="name">热气球</div>
            <span class="delete">×</span>
          </div>
          <div class="item">
            <div class="name">直升机</div>
            <span class="delete">×</span>
          </div>
          <div class="item">
            <div class="name">好莱坞</div>
            <span class="delete"> × </span>
          </div>
        </div>
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
          <!-- Indicators -->
          <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
          </ol>

          <!-- Wrapper for slides -->
          <div class="carousel-inner" role="listbox">
            <div class="item active" align="center">
              <i class="glyphicon glyphicon-ok"></i>
              <img src="images/guide5.jpg" alt="..." />
              <div class="carousel-caption">
                <h1>卧槽</h1>
                <p>
                  体验地点：几乎所有大城市周围。
                  <br> 看到就怕咯
                </p>
              </div>
            </div>
            <div class="item selected" align="center">
              <i class="glyphicon glyphicon-ok"></i>
              <img src="images/guide5.jpg" alt="..." />
              <div class="carousel-caption">
                <h1>游艇</h1>
                <p>体验地点：几乎所有大城市周围。</p>
              </div>
            </div>
            <div class="item" align="center">
              <i class="glyphicon glyphicon-ok"></i>
              <img src="images/guide5.jpg" alt="..." />
              <div class="carousel-caption">
                <h1>吊炸</h1>
              </div>
            </div>
          </div>

          <!-- Controls -->
          <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
          </a>
          <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
          </a>
        </div>
      </div>
    </div>
    <div class="row" id="navgationButton">
      <div class="col-xs-6">
        <a class="btn btn-default back" style="background-color:transparent">上一步</a>
      </div>
      <div class="col-xs-6">
        <a class="btn btn-default next" style="background-color:transparent">下一步</a>
      </div>
    </div>
  </div>
  <!-- ======================================================分页 活动选择页面 end================================================================ -->
  <!-- =========================================================== 分页 是否安排酒店 begin================================================================== -->
  <div class="container-fluid" id="tripMainPage">
    <div class="row">
      <div class="col-md-12">
        <ul class="list-group">
          <li class="list-group-item" style="background-color:#eee">
            <p style="font-size:20px">是否安排酒店？</p>
            <span style="float: right;margin-top:-37px">
              <input type="checkbox" name="my-checkbox" checked class="bootstrap-switch-mini">
            </span>
          </li>
          <li class="list-group-item" style="overflow: auto;overflow-y:hidden;">
            <div class="DocumentList">
              <ul class="list-inline" style="white-space:nowrap;">
                <li class="DocumentItem" align="center">
                  <img src="images/guide5.jpg" alt="" class="img-respinsive img-circle" style="width:80px;height:80px">
                  <p>高端酒店</p>
                </li>
                <li class="DocumentItem selected" align="center">
                  <img src="images/guide5.jpg" alt="" class="img-respinsive img-circle" style="width:80px;height:80px">
                  <p>经济型</p>
                </li>
                <li class="DocumentItem" align="center">
                  <img src="images/guide5.jpg" alt="" class="img-respinsive img-circle" style="width:80px;height:80px">
                  <p>经济型</p>
                </li>
                <li class="DocumentItem" align="center">
                  <img src="images/guide5.jpg" alt="" class="img-respinsive img-circle" style="width:80px;height:80px">
                  <p>普通</p>
                </li>
                <li class="DocumentItem" align="center">
                  <img src="images/guide5.jpg" alt="" class="img-respinsive img-circle" style="width:80px;height:80px">
                  <p>普通</p>
                </li>
                <li class="DocumentItem" align="center">
                  <img src="images/guide5.jpg" alt="" class="img-respinsive img-circle" style="width:80px;height:80px">
                  <p>普通</p>
                </li>
                <li class="DocumentItem" align="center">
                  <img src="images/guide5.jpg" alt="" class="img-respinsive img-circle" style="width:80px;height:80px">
                  <p>普通</p>
                </li>
                <li class="DocumentItem" align="center">
                  <img src="images/guide5.jpg" alt="" class="img-respinsive img-circle" style="width:80px;height:80px">
                  <p>普通</p>
                </li>
                <li class="DocumentItem" align="center">
                  <img src="images/guide5.jpg" alt="" class="img-respinsive img-circle" style="width:80px;height:80px">
                  <p>普通</p>
                </li>
              </ul>
            </div>
          </li>
          <li class="list-group-item">
            <div class="row">
              <!-- 地点input begin -->
              <div class="col-xs-4">
                <label>
                  房间数量
                </label>
              </div>
              <div class="col-xs-8">
                <input type="text" class="form-control transparentInput color-orange" placeholder="请输入数字..">
              </div>
            </div>
          </li>
          <li class="list-group-item">
            <div class="row">
              <!-- 地点input begin -->
              <div class="col-xs-4">
                <label>
                  床型
                </label>
              </div>
              <div class="col-xs-6">
                <input type="text" class="form-control transparentInput color-orange" placeholder="请选择..">
              </div>
              <div class="col-xs-2" align="right">
                <i class="glyphicon glyphicon-chevron-right"></i>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <div class="row" id="navgationButton">
      <div class="col-xs-6">
        <a class="btn btn-default back">上一步</a>
      </div>
      <div class="col-xs-6">
        <a class="btn btn-default next">下一步</a>
      </div>
      <!-- </div> -->
    </div>
    <!-- =========================================================== 分页 是否安排酒店 end================================================================== -->

    <!-- =========================================================== 分页 是否安排航班 start================================================================== -->
    <div class="container-fluid" id="tripMainPage">
      <div class="row">
        <div class="col-md-12">
          <ul class="list-group">
            <li class="list-group-item" style="background-color:#eee">
              <p style="font-size:20px">是否安排航班？</p>
              <span style="float: right;margin-top:-37px">
                <input type="checkbox" name="my-checkbox" checked class="bootstrap-switch-mini">
              </span>
            </li>
            <li class="list-group-item" style="overflow: auto;overflow-y:hidden;">
              <div class="DocumentList">
                <ul class="list-inline" style="white-space:nowrap;">
                  <li class="DocumentItem" align="center">
                    <img src="images/guide5.jpg" alt="" class="img-respinsive img-circle" style="width:80px;height:80px">
                    <p>经济舱</p>
                  </li>
                  <li class="DocumentItem" align="center">
                    <img src="images/guide5.jpg" alt="" class="img-respinsive img-circle" style="width:80px;height:80px">
                    <p>商务舱</p>
                  </li>
                  <li class="DocumentItem selected" align="center">
                    <img src="images/guide5.jpg" alt="" class="img-respinsive img-circle" style="width:80px;height:80px">
                    <p>头等舱</p>
                  </li>
                  <li class="DocumentItem" align="center">
                    <img src="images/guide5.jpg" alt="" class="img-respinsive img-circle" style="width:80px;height:80px">
                    <p>普通</p>
                  </li>
                  <li class="DocumentItem" align="center">
                    <img src="images/guide5.jpg" alt="" class="img-respinsive img-circle" style="width:80px;height:80px">
                    <p>普通</p>
                  </li>
                  <li class="DocumentItem" align="center">
                    <img src="images/guide5.jpg" alt="" class="img-respinsive img-circle" style="width:80px;height:80px">
                    <p>普通</p>
                  </li>
                  <li class="DocumentItem" align="center">
                    <img src="images/guide5.jpg" alt="" class="img-respinsive img-circle" style="width:80px;height:80px">
                    <p>普通</p>
                  </li>
                  <li class="DocumentItem" align="center">
                    <img src="images/guide5.jpg" alt="" class="img-respinsive img-circle" style="width:80px;height:80px">
                    <p>普通</p>
                  </li>
                  <li class="DocumentItem" align="center">
                    <img src="images/guide5.jpg" alt="" class="img-respinsive img-circle" style="width:80px;height:80px">
                    <p>普通</p>
                  </li>
                </ul>
              </div>
            </li>
            <li class="list-group-item">
              <!-- 地点input begin -->
              <p>是否安接受转机？</p>
              <span style="float: right;margin-top:-32px">
                <input type="checkbox" name="my-checkbox" checked class="bootstrap-switch-mini">
              </span>
            </li>
            <li class="list-group-item">
              <div class="row">
                <!-- 地点input begin -->
                <div class="col-xs-4">
                  <label>
                    出发城市
                  </label>
                </div>
                <div class="col-xs-6">
                  <input type="text" class="form-control transparentInput color-orange" placeholder="请选择..">
                </div>
                <div class="col-xs-2" align="right">
                  <i class="glyphicon glyphicon-chevron-right"></i>
                </div>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <!-- 地点input begin -->
                <div class="col-xs-4">
                  <label>
                    返回城市
                  </label>
                </div>
                <div class="col-xs-6">
                  <input type="text" class="form-control transparentInput color-orange" placeholder="请选择..">
                </div>
                <div class="col-xs-2" align="right">
                  <i class="glyphicon glyphicon-chevron-right"></i>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <div class="row" id="navgationButton">
        <div class="col-xs-6">
          <a class="btn btn-default back">上一步</a>
        </div>
        <div class="col-xs-6">
          <a class="btn btn-default next">下一步</a>
        </div>
      </div>
    </div>
    <!-- =========================================================== 分页 是否安排航班 end================================================================== -->

    <!-- =========================================================== 分页 联系方式 begin================================================================== -->
    <div class="container-fluid" id="tripMainPage">
      <div class="row">
        <div class="col-md-12">
          <ul class="list-group">

            <li class="list-group-item">
              <div class="row">
                <!-- 地点input begin -->
                <div class="col-xs-4">
                  <label>
                    姓名
                  </label>
                </div>
                <div class="col-xs-8">
                  <input type="text" class="form-control transparentInput color-orange" placeholder="请输入你的姓名..">
                </div>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <!-- 地点input begin -->
                <div class="col-xs-4">
                  <label>
                    手机号码
                  </label>
                </div>
                <div class="col-xs-8">
                  <input type="text" class="form-control transparentInput color-orange" placeholder="请输入你的手机号码..">
                </div>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <!-- 地点input begin -->
                <div class="col-xs-4">
                  <label>
                    邮箱
                  </label>
                </div>
                <div class="col-xs-8">
                  <input type="text" class="form-control transparentInput color-orange" placeholder="请输入你的邮箱..">
                </div>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <!-- 地点input begin -->
                <div class="col-xs-4">
                  <label>
                    其他想说明的内容
                  </label>
                </div>
                <div class="col-xs-8">
                  <textarea class="form-control transparentInput color-orange" rows="3"></textarea>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <div class="row" id="navgationButton">
        <div class="col-xs-6">
          <a class="btn btn-default back">上一步</a>
        </div>
        <div class="col-xs-6">
          <a class="btn btn-default next">下一步</a>
        </div>
      </div>
    </div>
    <!-- =========================================================== 分页 联系方式 end================================================================== -->

    <!-- =========================================================== 分页 表单确认 begin================================================================== -->
    <div class="container-fluid" id="tripMainPage">
      <div class="row">
        <div class="col-md-12">
          <ul class="list-group">

            <li class="list-group-item">
              <div class="row">
                <!-- 地点input begin -->
                <div class="col-xs-4">
                  <label>
                    出行时间
                  </label>
                </div>
                <div class="col-xs-8">
                  <p class="form-control-static color-orange">2015年10月22日——2015年10月22日</p>
                </div>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <!-- 地点input begin -->
                <div class="col-xs-4">
                  <label>
                    出行人数
                  </label>
                </div>
                <div class="col-xs-8">
                  <p class="form-control-static color-orange">成人8人，儿童3人</p>
                </div>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <!-- 地点input begin -->
                <div class="col-xs-4">
                  <label>
                    旅行目的
                  </label>
                </div>
                <div class="col-xs-8">
                  <p class="form-control-static color-orange">亲子游，购物</p>
                </div>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <!-- 地点input begin -->
                <div class="col-xs-4">
                  <label>
                    感兴趣的活动
                  </label>
                </div>
                <div class="col-xs-8">
                  <p class="form-control-static color-orange">沙滩海岛，国家公园，购物</p>
                </div>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <!-- 地点input begin -->
                <div class="col-xs-4">
                  <label>
                    想体验的活动
                  </label>
                </div>
                <div class="col-xs-8">
                  <p class="form-control-static color-orange">热气球，潜水</p>
                </div>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <!-- 地点input begin -->
                <div class="col-xs-4">
                  <label>
                    酒店标准
                  </label>
                </div>
                <div class="col-xs-8">
                  <p class="form-control-static color-orange">普通，5间，标准间</p>
                </div>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <!-- 地点input begin -->
                <div class="col-xs-4">
                  <label>
                    航班信息
                  </label>
                </div>
                <div class="col-xs-8">
                  <p class="form-control-static color-orange">经济舱，可接受转机
                    <br>广州出发，广州返回</p>
                </div>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <!-- 地点input begin -->
                <div class="col-xs-4">
                  <label>
                    联系方式
                  </label>
                </div>
                <div class="col-xs-8">
                  <p class="form-control-static color-orange">电话：4161919409
                    <br>邮箱：496489189419@qq.com</p>
                </div>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <!-- 地点input begin -->
                <div class="col-xs-4">
                  <label>
                    其他需要说明
                  </label>
                </div>
                <div class="col-xs-8">
                  <p class="form-control-static color-orange">住当地有特色的酒店，多品尝西餐，逛逛大学校园。</p>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <div class="row" id="navgationButton">
        <div class="col-xs-6">
          <a class="btn btn-default back">上一步</a>
        </div>
        <div class="col-xs-6">
          <button class="btn btn-default next" data-toggle="modal" data-target="#myModal">提交</button>
        </div>
      </div>
    </div>
    <!-- =========================================================== 分页 表单确认 end================================================================== -->

    <!-- ===============================================================分页 向导包车 begin======================================================================= -->

    <div class="container" id="charteredCarPage">
      <div class="row">
        <div class="col-md-12">
          <ul class="list-group">
            <li class="list-group-item">
              <div class="DocumentList">
                <ul class="list-inline">
                  <li class="DocumentItem" align="center">
                    <img src="images/guide5.jpg" alt="" class="img-respinsive img-circle" style="width:80px;height:80px">
                    <p>经济型
                      <br>200元/天</p>
                  </li>
                  <li class="DocumentItem" align="center">
                    <img src="images/guide5.jpg" alt="" class="img-respinsive img-circle" style="width:80px;height:80px">
                    <p>豪华型
                      <br>300元/天</p>
                  </li>
                  <li class="DocumentItem selected" align="center">
                    <img src="images/guide5.jpg" alt="" class="img-respinsive img-circle" style="width:80px;height:80px">
                    <p>suv
                      <br>350元/天</p>
                  </li>
                  <li class="DocumentItem" align="center">
                    <img src="images/guide5.jpg" alt="" class="img-respinsive img-circle" style="width:80px;height:80px">
                    <p>豪华型
                      <br>300元/天</p>
                  </li>
                  <li class="DocumentItem" align="center">
                    <img src="images/guide5.jpg" alt="" class="img-respinsive img-circle" style="width:80px;height:80px">
                    <p>豪华型
                      <br>300元/天</p>
                  </li>
                  <li class="DocumentItem" align="center">
                    <img src="images/guide5.jpg" alt="" class="img-respinsive img-circle" style="width:80px;height:80px">
                    <p>豪华型
                      <br>300元/天</p>
                  </li>
                  <li class="DocumentItem" align="center">
                    <img src="images/guide5.jpg" alt="" class="img-respinsive img-circle" style="width:80px;height:80px">
                    <p>豪华型
                      <br>300元/天</p>
                  </li>
                  <li class="DocumentItem" align="center">
                    <img src="images/guide5.jpg" alt="" class="img-respinsive img-circle" style="width:80px;height:80px">
                    <p>豪华型
                      <br>300元/天</p>
                  </li>
                  <li class="DocumentItem" align="center">
                    <img src="images/guide5.jpg" alt="" class="img-respinsive img-circle" style="width:80px;height:80px">
                    <p>豪华型
                      <br>300元/天</p>
                  </li>
                </ul>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <!-- 地点input begin -->
                <div class="col-xs-4">
                  <label>
                    联系人姓名
                  </label>
                </div>
                <div class="col-xs-8">
                  <input type="text" class="form-control transparentInput color-orange" placeholder="请输入你的姓名..">
                </div>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <!-- 地点input begin -->
                <div class="col-xs-4">
                  <label>
                    联系人电话
                  </label>
                </div>
                <div class="col-xs-8">
                  <input type="text" class="form-control transparentInput color-orange" placeholder="请输入你的手机号码..">
                </div>
              </div>
            </li>
          </ul>
          <div class="row">
            <div class="col-xs-8">
              <div class="row">
                <div class="col-xs-4">
                  <span class="color-orange">成人</span>
                </div>
                <div class="col-xs-8">
                  <div class="input-group rangeInput">
                    <div class="input-group-addon">+</div>
                    <input type="text" class="form-control " id="exampleInputAmount" placeholder="0">
                    <div class="input-group-addon">-</div>
                  </div>
                </div>
              </div>
              <hr>
              <div class="row">
                <div class="col-xs-4">
                  <span class="color-orange">儿童</span>
                </div>
                <div class="col-xs-8">
                  <div class="input-group rangeInput">
                    <div class="input-group-addon">+</div>
                    <input type="text" class="form-control" id="exampleInputAmount" placeholder="0">
                    <div class="input-group-addon">-</div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="row" >
            <div class="col-md-12">
              <textarea class="form-control color-orange" rows="3" style="margin-top:30px;" placeholder="其他注明要求"></textarea>
            </div>
          </div>
          <div class="row" id="navgationButton">
            <div class="col-xs-6">
              <a class="btn btn-default back">上一步</a>
            </div>
            <div class="col-xs-6">
              <a class="btn btn-default next">下一步</a>
            </div>
          </div>
        </div>
      </div>

      <!-- =====================================================================分页 向导包车 end======================================================================== -->



      <!-- Modal -->
      <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
              <h4 class="modal-title" id="myModalLabel">Modal title</h4>
            </div>
            <div class="modal-body">
              <input type="text" class="form-control transparentInput color-orange" placeholder="请选择..">
              <input type="text" class="form-control transparentInput color-orange" placeholder="请选择..">
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
              <button type="button" class="btn btn-primary">Save changes</button>
            </div>
          </div>
        </div>
      </div>

      <!-- build:js scripts/vendor.js -->
      <!-- bower:js -->
      <script src="/bower_components/jquery/dist/jquery.js"></script>
      <script src="/bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
      <script src="/bower_components/bootstrap/dist/js/bootstrap.js"></script>
      <script src="/bower_components/bootstrap-switch/dist/js/bootstrap-switch.js"></script>
      <!-- endbower -->
      <!-- endbuild -->

      <!-- build:js scripts/plugins.js -->
      <script src="/bower_components/bootstrap-sass/assets/javascripts/bootstrap/affix.js"></script>
      <script src="/bower_components/bootstrap-sass/assets/javascripts/bootstrap/alert.js"></script>
      <script src="/bower_components/bootstrap-sass/assets/javascripts/bootstrap/dropdown.js"></script>
      <script src="/bower_components/bootstrap-sass/assets/javascripts/bootstrap/tooltip.js"></script>
      <script src="/bower_components/bootstrap-sass/assets/javascripts/bootstrap/modal.js"></script>
      <script src="/bower_components/bootstrap-sass/assets/javascripts/bootstrap/transition.js"></script>
      <script src="/bower_components/bootstrap-sass/assets/javascripts/bootstrap/button.js"></script>
      <script src="/bower_components/bootstrap-sass/assets/javascripts/bootstrap/popover.js"></script>
      <script src="/bower_components/bootstrap-sass/assets/javascripts/bootstrap/carousel.js"></script>
      <script src="/bower_components/bootstrap-sass/assets/javascripts/bootstrap/scrollspy.js"></script>
      <script src="/bower_components/bootstrap-sass/assets/javascripts/bootstrap/collapse.js"></script>
      <script src="/bower_components/bootstrap-sass/assets/javascripts/bootstrap/tab.js"></script>
      <!-- endbuild -->

      <!-- build:js scripts/main.js -->
      <script src="scripts/main.js"></script>
      <!-- endbuild -->

</body>

</html>
